<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>格式化文本1</title>
    <style>
        body {
            width: 600px;
            height: 600px;
            margin: auto;
        }

        span {
            display: inline-block;
            text-indent: 1.5rem;
            font-size: 35px;
            text-decoration: underline;
            font-style: italic;
        }

        h1 {
            text-shadow: 12px 18px 4px cornflowerblue;
            text-align: center;
        }

        .letter { transform: translateY(10px);
            border: 2px red dashed;
            padding: 10px;
            letter-spacing: 1em;
            font-weight: normal;

        }
    </style>
</head>

<body>
    <h1>《天龙八部》节选</h1>
    <p class="letter">
        <span>练</span>
        武厅东坐着二人。上首是个四十左右的中年道姑，铁青着脸，嘴唇紧闭。下首是个五十余岁的老者，右手捻着长须，神情甚是得意。两人的座位相距一丈有余，身后各站着二十余名男女弟子。西边一排椅子上坐着十余位宾客。东西双方的目光都集注于场中二人的角斗。
    </p>
</body>

</html>